// pages/compose/compose.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imageUrl : "",
    modalState: true,
    coordInate: {
      coronaX: '',
      coronaY: ''
    },
    ani : false,
    compassrotate : 0,
    compasstilt : 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.shiftRemove();
  },
  //罗盘相对于界面居中显示
  shiftRemove(){
    const query = wx.createSelectorQuery();
    var _this = this;
    query.select('.moveitem').boundingClientRect(function(res){
      var numX = (wx.getSystemInfoSync().windowWidth - res.width) / 2;
      var numY = (wx.getSystemInfoSync().windowHeight - res.height) / 2;
      _this.setData({
        coordInate : {
          coronaX : numX + 'px',
          coronaY : numY + 'px'
        }
        
      })
    }).exec();
  },
  //用户选择换图方式
  takePhoto() {
    var that = this;
    wx.showActionSheet({
      itemList: ['相机', '本地图片'],
      success: function (e) {
        console.log(e.tapIndex)
        if(e.tapIndex){
          that.chooseImg('album');
        }else{
          that.chooseImg('camera');
        }
      }
    })
  },
  //打开相册或打开照相机
  chooseImg(type){
    var that = this;
    wx.chooseImage({
      count: 1,
      sourceType: [type],
      success: function (res) {
        that.setData({
          imageUrl: res.tempFilePaths
        })
      },
    })
  },
  //显隐罗盘设置
  clickInstall(){
    var that = this;
    if(this.data.modalState){
      that.setData({
        modalState: false
      })
    }else{
      that.setData({
        modalState: true
      })
    }
  },
  //监听罗盘旋转属性
  rotateCompass(e){
    this.setData({
      compassrotate: e.detail.value + 'deg'
    })
    // this.animationCompass();
  },
  //监听罗盘倾斜属性
  tiltCompass(e){
    this.setData({
      compasstilt: e.detail.value + 'deg'
    })
    // this.animationCompass();
  },
  // //罗盘动画
  // animationCompass(){
  //   var animation = wx.createAnimation({
  //     duration : 0
  //   });
  //   animation.rotateX(this.data.compasstilt).rotateZ(this.data.compassrotate).step();
  //   this.setData({
  //     ani : animation
  //   })
  // },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})